<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	<u>Praxisinfo</u>&nbsp;&nbsp;<img id="arzt_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
		$name<br>
		$addr_strasse $addr_hausnr<br>
		$addr_plz $addr_ort<br>
		<br>
		$contacts
	</div>
</div>
<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	<u>letzte Aktivit&aumlt</u>&nbsp;&nbsp;<img id="activities_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
      ...
	</div>
</div>
<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	<u>&Auml;rzte und Mitarbeiter</u>&nbsp;&nbsp;<img id="praxis_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
	  $aerzte_ma
	</div>
</div>
<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	<u>Notizen</u>&nbsp;&nbsp;<img id="notes_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
	  Wartungsvertrag: $wartung<br>
	</div>
</div>
<div id="edit_box" align="center" style="display: none; background-color:99AA99; margin: 0px auto; padding: 10px; position: absolute; top:150px; left:150px; width: 680px; height:400px;">
	<div id="edit_box_close" style="position: absolute; right:10px; top: 5px; cursor: pointer;">
	X
	</div>
	<!-- Arztinformationen bearbeiten -->
</div>

<script type="text/javascript" src="jquery/jquery-1.11.2.js"></script>
<script type="text/javascript" language="javascript">
  // Arztinfo bearbeiten öffnen und schliessen
	$( "#arzt_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  var html_code = $( "#edit_box" ).html();
		  html_code = html_code + "<br>Arztinfo";
		  $( "#edit_box" ).html( html_code );
		  $( "#edit_box_close" ).bind( "click", function() {
			$( "#edit_box" ).css('display', 'none');
		  });
    });
    // Aktivitäten bearbeiten öffnen und schliessen
	$( "#activities_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  var html_code = $( "#edit_box" ).html();
		  html_code = html_code + "<br>letzte Aktivit&auml;ten";
		  $( "#edit_box" ).html( html_code );
		  $( "#edit_box_close" ).bind( "click", function() {
			$( "#edit_box" ).css('display', 'none');
		  });
    });
    // Praxisinfo bearbeiten öffnen und schliessen
	$( "#praxis_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  $( "#edit_box" ).html( "Praxisinfo" );
    });
    // Notizen bearbeiten öffnen und schliessen
	$( "#notes_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  $( "#edit_box" ).html( "Notizen" );
    });
</script>
